<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        <div></div> 容器（大盒子） 会换行
        <span></span> 不会换行 当选取文章的一小节       
     -->
</head>
<body>
    <div>
        卧室
    </div>
    <div>
        养猪的
    </div>
    <p>一个空格代表几个字，和当前的字体和字体大小有关一个空格代表几个字，和当前的字体和字体大小有关一个空格代表几个字，和当前的字体和字体大小有关一个空格代表几个字，和当前的字体和字体大小有关你好美，你好帅所以为所以<span style="color:red;">我没有脑子</span></p>

    <dl>
        <dt><img src="xiao.jpeg"/></dt>
        <dd>他会打蓝球，他唱跳rap</dd>
    </dl>
</body>
</html>